<template>
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
       viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
    <g transform="translate(20 50)">
      <circle cx="0" cy="0" r="6" fill="#3be8b0">
        <animateTransform attributeName="transform" type="scale" begin="-0.528169014084507s" calcMode="spline"
                          keySplines="0.3 0 0.7 1;0.3 0 0.7 1" values="0;1;0" keyTimes="0;0.5;1"
                          dur="1.408450704225352s" repeatCount="indefinite"></animateTransform>
      </circle>
    </g>
    <g transform="translate(40 50)">
      <circle cx="0" cy="0" r="6" fill="#1aafd0">
        <animateTransform attributeName="transform" type="scale" begin="-0.352112676056338s" calcMode="spline"
                          keySplines="0.3 0 0.7 1;0.3 0 0.7 1" values="0;1;0" keyTimes="0;0.5;1"
                          dur="1.408450704225352s" repeatCount="indefinite"></animateTransform>
      </circle>
    </g>
    <g transform="translate(60 50)">
      <circle cx="0" cy="0" r="6" fill="#6a67ce">
        <animateTransform attributeName="transform" type="scale" begin="-0.176056338028169s" calcMode="spline"
                          keySplines="0.3 0 0.7 1;0.3 0 0.7 1" values="0;1;0" keyTimes="0;0.5;1"
                          dur="1.408450704225352s" repeatCount="indefinite"></animateTransform>
      </circle>
    </g>
    <g transform="translate(80 50)">
      <circle cx="0" cy="0" r="6" fill="#ffb900">
        <animateTransform attributeName="transform" type="scale" begin="0s" calcMode="spline"
                          keySplines="0.3 0 0.7 1;0.3 0 0.7 1" values="0;1;0" keyTimes="0;0.5;1"
                          dur="1.408450704225352s" repeatCount="indefinite"></animateTransform>
      </circle>
    </g>
  </svg>
</template>

<script>
export default {
  name: 'loading09'
}
</script>
